.tz_cssloading {
  display: block;
  width: 120px;
  height: 120px;
  background-color: #e5e5e5;
  margin: 0 auto;
  padding:10px;
}

.rp{
	-webkit-animation: rotateplane 1.2s infinite ease-in-out;
  	animation: rotateplane 1.2s infinite ease-in-out;
}

@keyframes rotateplane {
  0% { 
    transform: perspective(120px) rotateX(0deg) rotateY(0deg);
    -webkit-transform: perspective(120px) rotateX(0deg) rotateY(0deg) 
  } 50% { 
    transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
    -webkit-transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg) 
  } 100% { 
   transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
	    -webkit-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
	}
}

@-webkit-keyframes rotateplane {
  0% { -webkit-transform: perspective(120px) }
  50% { -webkit-transform: perspective(120px) rotateY(180deg) }
  100% { -webkit-transform: perspective(120px) rotateY(180deg)  rotateX(180deg) }
}

		
a.uline:after {
  content:"";
  display: block;
  position: relative;
  padding: 0;
  width: 100%;
  height: 3px;
  bottom: 100%;
  right: 0;
  top:3px;
  overflow:none;
  background-color: #292828;
  -webkit-transition: all 0.25s ease-in-out 0.1s;
  -moz-transition: all 0.25s ease-in-out 0.1s;
  -ms-transition: all 0.25s ease-in-out 0.1s;
  transition: all 0.25s ease-in-out 0.1s;
  -webkit-transform: scaleX(0);
  -moz-transform: scaleX(0);
  -ms-transform: scaleX(0);
  transform: scaleX(0);
}

a.uline:hover:after{
  overflow:none;
  -webkit-transform: scaleX(1);
  -moz-transform: scaleX(1);
  -ms-transform: scaleX(1);
  transform: scaleX(1);
}

@keyframes cycle{from{transform:rotate(0deg);}
to{transform:rotate(360deg);}
}
@-webkit-keyframes cycle{from{-webkit-transform:rotate(0deg);}
to{-webkit-transform:rotate(360deg);}
}
@-moz-keyframes cycle{from{-moz-transform:rotate(0deg);}
to{-moz-transform:rotate(360deg);}
}
@-ms-keyframes cycle{from{-ms-transform:rotate(0deg);}
to{-ms-transform:rotate(360deg);}
}
.r{-moz-animation:cycle 1.5s infinite linear;-ms-animation:cycle 1.5s infinite linear;-webkit-animation:cycle 1.5s infinite linear;animation:cycle 1.5s infinite linear;}

/*图片转换动画关键帧*/
@-webkit-keyframes rotating{from{-webkit-transform:rotate(0deg)}
to{-webkit-transform:rotate(360deg)}
}
@keyframes rotating{from{transform:rotate(0deg)}
to{transform:rotate(360deg)}
}
@-moz-keyframes rotating{from{-moz-transform:rotate(0deg)}
to{-moz-transform:rotate(360deg)}
}
/*调用关键帧*/
.rotate{-webkit-animation:rotating 1.2s linear infinite;-moz-animation:rotating 1.2s linear infinite;-o-animation:rotating 1.2s linear infinite;animation:rotating 1.2s linear infinite;}
/*loadding动画效果*/
.sk-folding-cube{margin:5px auto;width:24px;height:24px;position:relative;-webkit-transform:rotateZ(45deg);transform:rotateZ(45deg)}.sk-folding-cube .sk-cube{float:left;width:50%;height:50%;position:relative;-webkit-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1)}.sk-folding-cube .sk-cube:before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background-color:#292828;-webkit-animation:sk-foldCubeAngle 2.4s infinite linear both;animation:sk-foldCubeAngle 2.4s infinite linear both;-webkit-transform-origin:100% 100%;-ms-transform-origin:100% 100%;transform-origin:100% 100%}.sk-folding-cube .sk-cube2{-webkit-transform:scale(1.1) rotateZ(90deg);transform:scale(1.1) rotateZ(90deg)}.sk-folding-cube .sk-cube3{-webkit-transform:scale(1.1) rotateZ(180deg);transform:scale(1.1) rotateZ(180deg)}.sk-folding-cube .sk-cube4{-webkit-transform:scale(1.1) rotateZ(270deg);transform:scale(1.1) rotateZ(270deg)}.sk-folding-cube .sk-cube2:before{-webkit-animation-delay:.3s;animation-delay:.3s}.sk-folding-cube .sk-cube3:before{-webkit-animation-delay:.6s;animation-delay:.6s}.sk-folding-cube .sk-cube4:before{-webkit-animation-delay:.9s;animation-delay:.9s}@-webkit-keyframes sk-foldCubeAngle{0%,10%{-webkit-transform:perspective(140px) rotateX(-180deg);transform:perspective(140px) rotateX(-180deg);opacity:0}25%,75%{-webkit-transform:perspective(140px) rotateX(0deg);transform:perspective(140px) rotateX(0deg);opacity:1}90%,100%{-webkit-transform:perspective(140px) rotateY(180deg);transform:perspective(140px) rotateY(180deg);opacity:0}}@keyframes sk-foldCubeAngle{0%,10%{-webkit-transform:perspective(140px) rotateX(-180deg);transform:perspective(140px) rotateX(-180deg);opacity:0}25%,75%{-webkit-transform:perspective(140px) rotateX(0deg);transform:perspective(140px) rotateX(0deg);opacity:1}90%,100%{-webkit-transform:perspective(140px) rotateY(180deg);transform:perspective(140px) rotateY(180deg);opacity:0}}
/*loadding动画效果*/
.sk-cube-grid{width:30px;height:30px;margin:5px auto;}
.sk-cube-grid .sk-cube{width:33%;height:33%;background-color:#292828;float:left;-webkit-animation:sk-cubeGridScaleDelay 1.3s infinite ease-in-out;animation:sk-cubeGridScaleDelay 1.3s infinite ease-in-out;}
.sk-cube-grid .sk-cube1{-webkit-animation-delay:0.2s;animation-delay:0.2s;}
.sk-cube-grid .sk-cube2{-webkit-animation-delay:0.3s;animation-delay:0.3s;}
.sk-cube-grid .sk-cube3{-webkit-animation-delay:0.4s;animation-delay:0.4s;}
.sk-cube-grid .sk-cube4{-webkit-animation-delay:0.1s;animation-delay:0.1s;}
.sk-cube-grid .sk-cube5{-webkit-animation-delay:0.2s;animation-delay:0.2s;}
.sk-cube-grid .sk-cube6{-webkit-animation-delay:0.3s;animation-delay:0.3s;}
.sk-cube-grid .sk-cube7{-webkit-animation-delay:0.0s;animation-delay:0.0s;}
.sk-cube-grid .sk-cube8{-webkit-animation-delay:0.1s;animation-delay:0.1s;}
.sk-cube-grid .sk-cube9{-webkit-animation-delay:0.2s;animation-delay:0.2s;}
@-webkit-keyframes sk-cubeGridScaleDelay{0%,70%,100%{-webkit-transform:scale3D(1,1,1);transform:scale3D(1,1,1);}
35%{-webkit-transform:scale3D(0,0,1);transform:scale3D(0,0,1);}
}
@keyframes sk-cubeGridScaleDelay{0%,70%,100%{-webkit-transform:scale3D(1,1,1);transform:scale3D(1,1,1);}
35%{-webkit-transform:scale3D(0,0,1);transform:scale3D(0,0,1);}
}
/*2:单方格动画*/
.sk-rotating-plane{width:30px;height:30px;background-color:#292828;margin:5px auto;-webkit-animation:sk-rotatePlane 1.2s infinite ease-in-out;animation:sk-rotatePlane 1.2s infinite ease-in-out;}
@-webkit-keyframes sk-rotatePlane{0%{-webkit-transform:perspective(120px) rotateX(0deg) rotateY(0deg);transform:perspective(120px) rotateX(0deg) rotateY(0deg);}
50%{-webkit-transform:perspective(120px) rotateX(-180.1deg) rotateY(0deg);transform:perspective(120px) rotateX(-180.1deg) rotateY(0deg);}
100%{-webkit-transform:perspective(120px) rotateX(-180deg) rotateY(-179.9deg);transform:perspective(120px) rotateX(-180deg) rotateY(-179.9deg);}
}
@keyframes sk-rotatePlane{0%{-webkit-transform:perspective(120px) rotateX(0deg) rotateY(0deg);transform:perspective(120px) rotateX(0deg) rotateY(0deg);}
50%{-webkit-transform:perspective(120px) rotateX(-180.1deg) rotateY(0deg);transform:perspective(120px) rotateX(-180.1deg) rotateY(0deg);}
100%{-webkit-transform:perspective(120px) rotateX(-180deg) rotateY(-179.9deg);transform:perspective(120px) rotateX(-180deg) rotateY(-179.9deg);}
}
/*3四方格子动画*/
.sk-folding-cube{margin:5px auto;width:30px;height:30px;position:relative;-webkit-transform:rotateZ(45deg);transform:rotateZ(45deg);}
.sk-folding-cube .sk-cube{float:left;width:50%;height:50%;position:relative;-webkit-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1);}
.sk-folding-cube .sk-cube:before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background-color:#292828;-webkit-animation:sk-foldCubeAngle 2.4s infinite linear both;animation:sk-foldCubeAngle 2.4s infinite linear both;-webkit-transform-origin:100% 100%;-ms-transform-origin:100% 100%;transform-origin:100% 100%;}
.sk-folding-cube .sk-cube2{-webkit-transform:scale(1.1) rotateZ(90deg);transform:scale(1.1) rotateZ(90deg);}
.sk-folding-cube .sk-cube3{-webkit-transform:scale(1.1) rotateZ(180deg);transform:scale(1.1) rotateZ(180deg);}
.sk-folding-cube .sk-cube4{-webkit-transform:scale(1.1) rotateZ(270deg);transform:scale(1.1) rotateZ(270deg);}
.sk-folding-cube .sk-cube2:before{-webkit-animation-delay:0.3s;animation-delay:0.3s;}
.sk-folding-cube .sk-cube3:before{-webkit-animation-delay:0.6s;animation-delay:0.6s;}
.sk-folding-cube .sk-cube4:before{-webkit-animation-delay:0.9s;animation-delay:0.9s;}
@-webkit-keyframes sk-foldCubeAngle{0%,10%{-webkit-transform:perspective(140px) rotateX(-180deg);transform:perspective(140px) rotateX(-180deg);opacity:0;}
25%,75%{-webkit-transform:perspective(140px) rotateX(0deg);transform:perspective(140px) rotateX(0deg);opacity:1;}
90%,100%{-webkit-transform:perspective(140px) rotateY(180deg);transform:perspective(140px) rotateY(180deg);opacity:0;}
}
@keyframes sk-foldCubeAngle{0%,10%{-webkit-transform:perspective(140px) rotateX(-180deg);transform:perspective(140px) rotateX(-180deg);opacity:0;}
25%,75%{-webkit-transform:perspective(140px) rotateX(0deg);transform:perspective(140px) rotateX(0deg);opacity:1;}
90%,100%{-webkit-transform:perspective(140px) rotateY(180deg);transform:perspective(140px) rotateY(180deg);opacity:0;}
}
/*4*/
.sk-circle{margin:5px auto;width:30px;height:30px;position:relative;}
.sk-circle .sk-child{width:100%;height:100%;position:absolute;left:0;top:0;}
.sk-circle .sk-child:before{content:'';display:block;margin:0 auto;width:15%;height:15%;background-color:#292828;border-radius:100%;-webkit-animation:sk-circleBounceDelay 1.2s infinite ease-in-out both;animation:sk-circleBounceDelay 1.2s infinite ease-in-out both;}
.sk-circle .sk-circle2{-webkit-transform:rotate(30deg);-ms-transform:rotate(30deg);transform:rotate(30deg);}
.sk-circle .sk-circle3{-webkit-transform:rotate(60deg);-ms-transform:rotate(60deg);transform:rotate(60deg);}
.sk-circle .sk-circle4{-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg);}
.sk-circle .sk-circle5{-webkit-transform:rotate(120deg);-ms-transform:rotate(120deg);transform:rotate(120deg);}
.sk-circle .sk-circle6{-webkit-transform:rotate(150deg);-ms-transform:rotate(150deg);transform:rotate(150deg);}
.sk-circle .sk-circle7{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg);}
.sk-circle .sk-circle8{-webkit-transform:rotate(210deg);-ms-transform:rotate(210deg);transform:rotate(210deg);}
.sk-circle .sk-circle9{-webkit-transform:rotate(240deg);-ms-transform:rotate(240deg);transform:rotate(240deg);}
.sk-circle .sk-circle10{-webkit-transform:rotate(270deg);-ms-transform:rotate(270deg);transform:rotate(270deg);}
.sk-circle .sk-circle11{-webkit-transform:rotate(300deg);-ms-transform:rotate(300deg);transform:rotate(300deg);}
.sk-circle .sk-circle12{-webkit-transform:rotate(330deg);-ms-transform:rotate(330deg);transform:rotate(330deg);}
.sk-circle .sk-circle2:before{-webkit-animation-delay:-1.1s;animation-delay:-1.1s;}
.sk-circle .sk-circle3:before{-webkit-animation-delay:-1s;animation-delay:-1s;}
.sk-circle .sk-circle4:before{-webkit-animation-delay:-0.9s;animation-delay:-0.9s;}
.sk-circle .sk-circle5:before{-webkit-animation-delay:-0.8s;animation-delay:-0.8s;}
.sk-circle .sk-circle6:before{-webkit-animation-delay:-0.7s;animation-delay:-0.7s;}
.sk-circle .sk-circle7:before{-webkit-animation-delay:-0.6s;animation-delay:-0.6s;}
.sk-circle .sk-circle8:before{-webkit-animation-delay:-0.5s;animation-delay:-0.5s;}
.sk-circle .sk-circle9:before{-webkit-animation-delay:-0.4s;animation-delay:-0.4s;}
.sk-circle .sk-circle10:before{-webkit-animation-delay:-0.3s;animation-delay:-0.3s;}
.sk-circle .sk-circle11:before{-webkit-animation-delay:-0.2s;animation-delay:-0.2s;}
.sk-circle .sk-circle12:before{-webkit-animation-delay:-0.1s;animation-delay:-0.1s;}
@-webkit-keyframes sk-circleBounceDelay{0%,80%,100%{-webkit-transform:scale(0);transform:scale(0);}
40%{-webkit-transform:scale(1);transform:scale(1);}
}
@keyframes sk-circleBounceDelay{0%,80%,100%{-webkit-transform:scale(0);transform:scale(0);}
40%{-webkit-transform:scale(1);transform:scale(1);}
}
/*5*/
.sk-chasing-dots{margin:5px auto;width:30px;height:30px;position:relative;text-align:center;-webkit-animation:sk-chasingDotsRotate 2s infinite linear;animation:sk-chasingDotsRotate 2s infinite linear;}
.sk-chasing-dots .sk-child{width:60%;height:60%;display:inline-block;position:absolute;top:0;background-color:#292828;border-radius:100%;-webkit-animation:sk-chasingDotsBounce 2s infinite ease-in-out;animation:sk-chasingDotsBounce 2s infinite ease-in-out;}
.sk-chasing-dots .sk-dot2{top:auto;bottom:0;-webkit-animation-delay:-1s;animation-delay:-1s;}
@-webkit-keyframes sk-chasingDotsRotate{100%{-webkit-transform:rotate(360deg);transform:rotate(360deg);}
}
@keyframes sk-chasingDotsRotate{100%{-webkit-transform:rotate(360deg);transform:rotate(360deg);}
}
@-webkit-keyframes sk-chasingDotsBounce{0%,100%{-webkit-transform:scale(0);transform:scale(0);}
50%{-webkit-transform:scale(1);transform:scale(1);}
}
@keyframes sk-chasingDotsBounce{0%,100%{-webkit-transform:scale(0);transform:scale(0);}
50%{-webkit-transform:scale(1);transform:scale(1);}
}
/*6*/
.sk-three-bounce{margin:5px auto;width:80px;text-align:center;}
.sk-three-bounce .sk-child{width:20px;height:20px;background-color:#292828;border-radius:100%;display:inline-block;-webkit-animation:sk-three-bounce 1.4s ease-in-out 0s infinite both;animation:sk-three-bounce 1.4s ease-in-out 0s infinite both;}
.sk-three-bounce .sk-bounce1{-webkit-animation-delay:-0.32s;animation-delay:-0.32s;}
.sk-three-bounce .sk-bounce2{-webkit-animation-delay:-0.16s;animation-delay:-0.16s;}
@-webkit-keyframes sk-three-bounce{0%,80%,100%{-webkit-transform:scale(0);transform:scale(0);}
40%{-webkit-transform:scale(1);transform:scale(1);}
}
@keyframes sk-three-bounce{0%,80%,100%{-webkit-transform:scale(0);transform:scale(0);}
40%{-webkit-transform:scale(1);transform:scale(1);}
}
/*7*/
.sk-fading-circle{margin:5px auto;width:30px;height:30px;position:relative;}
.sk-fading-circle .sk-circle{width:100%;height:100%;position:absolute;left:0;top:0;}
.sk-fading-circle .sk-circle:before{content:'';display:block;margin:0 auto;width:15%;height:15%;background-color:#292828;border-radius:100%;-webkit-animation:sk-circleFadeDelay 1.2s infinite ease-in-out both;animation:sk-circleFadeDelay 1.2s infinite ease-in-out both;}
.sk-fading-circle .sk-circle2{-webkit-transform:rotate(30deg);-ms-transform:rotate(30deg);transform:rotate(30deg);}
.sk-fading-circle .sk-circle3{-webkit-transform:rotate(60deg);-ms-transform:rotate(60deg);transform:rotate(60deg);}
.sk-fading-circle .sk-circle4{-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg);}
.sk-fading-circle .sk-circle5{-webkit-transform:rotate(120deg);-ms-transform:rotate(120deg);transform:rotate(120deg);}
.sk-fading-circle .sk-circle6{-webkit-transform:rotate(150deg);-ms-transform:rotate(150deg);transform:rotate(150deg);}
.sk-fading-circle .sk-circle7{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg);}
.sk-fading-circle .sk-circle8{-webkit-transform:rotate(210deg);-ms-transform:rotate(210deg);transform:rotate(210deg);}
.sk-fading-circle .sk-circle9{-webkit-transform:rotate(240deg);-ms-transform:rotate(240deg);transform:rotate(240deg);}
.sk-fading-circle .sk-circle10{-webkit-transform:rotate(270deg);-ms-transform:rotate(270deg);transform:rotate(270deg);}
.sk-fading-circle .sk-circle11{-webkit-transform:rotate(300deg);-ms-transform:rotate(300deg);transform:rotate(300deg);}
.sk-fading-circle .sk-circle12{-webkit-transform:rotate(330deg);-ms-transform:rotate(330deg);transform:rotate(330deg);}
.sk-fading-circle .sk-circle2:before{-webkit-animation-delay:-1.1s;animation-delay:-1.1s;}
.sk-fading-circle .sk-circle3:before{-webkit-animation-delay:-1s;animation-delay:-1s;}
.sk-fading-circle .sk-circle4:before{-webkit-animation-delay:-0.9s;animation-delay:-0.9s;}
.sk-fading-circle .sk-circle5:before{-webkit-animation-delay:-0.8s;animation-delay:-0.8s;}
.sk-fading-circle .sk-circle6:before{-webkit-animation-delay:-0.7s;animation-delay:-0.7s;}
.sk-fading-circle .sk-circle7:before{-webkit-animation-delay:-0.6s;animation-delay:-0.6s;}
.sk-fading-circle .sk-circle8:before{-webkit-animation-delay:-0.5s;animation-delay:-0.5s;}
.sk-fading-circle .sk-circle9:before{-webkit-animation-delay:-0.4s;animation-delay:-0.4s;}
.sk-fading-circle .sk-circle10:before{-webkit-animation-delay:-0.3s;animation-delay:-0.3s;}
.sk-fading-circle .sk-circle11:before{-webkit-animation-delay:-0.2s;animation-delay:-0.2s;}
.sk-fading-circle .sk-circle12:before{-webkit-animation-delay:-0.1s;animation-delay:-0.1s;}
@-webkit-keyframes sk-circleFadeDelay{0%,39%,100%{opacity:0;}
40%{opacity:1;}
}
@keyframes sk-circleFadeDelay{0%,39%,100%{opacity:0;}
40%{opacity:1;}
}
/*8*/
.sk-double-bounce{width:30px;height:30px;position:relative;margin:5px auto;}
.sk-double-bounce .sk-child{width:100%;height:100%;border-radius:50%;background-color:#292828;opacity:0.6;position:absolute;top:0;left:0;-webkit-animation:sk-doubleBounce 2s infinite ease-in-out;animation:sk-doubleBounce 2s infinite ease-in-out;}
.sk-double-bounce .sk-double-bounce2{-webkit-animation-delay:-1.0s;animation-delay:-1.0s;}
@-webkit-keyframes sk-doubleBounce{0%,100%{-webkit-transform:scale(0);transform:scale(0);}
50%{-webkit-transform:scale(1);transform:scale(1);}
}
@keyframes sk-doubleBounce{0%,100%{-webkit-transform:scale(0);transform:scale(0);}
50%{-webkit-transform:scale(1);transform:scale(1);}
}
/*9*/
.sk-wave{margin:5px auto;width:30px;height:30px;text-align:center;font-size:10px;}
.sk-wave .sk-rect{background-color:#292828;height:100%;width:6px;display:inline-block;-webkit-animation:sk-waveStretchDelay 1.2s infinite ease-in-out;animation:sk-waveStretchDelay 1.2s infinite ease-in-out;}
.sk-wave .sk-rect1{-webkit-animation-delay:-1.2s;animation-delay:-1.2s;}
.sk-wave .sk-rect2{-webkit-animation-delay:-1.1s;animation-delay:-1.1s;}
.sk-wave .sk-rect3{-webkit-animation-delay:-1s;animation-delay:-1s;}
.sk-wave .sk-rect4{-webkit-animation-delay:-0.9s;animation-delay:-0.9s;}
.sk-wave .sk-rect5{-webkit-animation-delay:-0.8s;animation-delay:-0.8s;}
@-webkit-keyframes sk-waveStretchDelay{0%,40%,100%{-webkit-transform:scaleY(0.4);transform:scaleY(0.4);}
20%{-webkit-transform:scaleY(1);transform:scaleY(1);}
}
@keyframes sk-waveStretchDelay{0%,40%,100%{-webkit-transform:scaleY(0.4);transform:scaleY(0.4);}
20%{-webkit-transform:scaleY(1);transform:scaleY(1);}
}
/*10*/
.sk-wandering-cubes{margin:5px auto;width:30px;height:30px;position:relative;}
.sk-wandering-cubes .sk-cube{background-color:#292828;width:10px;height:10px;position:absolute;top:0;left:0;-webkit-animation:sk-wanderingCube 1.8s ease-in-out -1.8s infinite both;animation:sk-wanderingCube 1.8s ease-in-out -1.8s infinite both;}
.sk-wandering-cubes .sk-cube2{-webkit-animation-delay:-0.9s;animation-delay:-0.9s;}
@-webkit-keyframes sk-wanderingCube{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg);}
25%{-webkit-transform:translateX(30px) rotate(-90deg) scale(0.5);transform:translateX(30px) rotate(-90deg) scale(0.5);}
50%{/* Hack to make FF rotate in the right direction */
 -webkit-transform:translateX(30px) translateY(30px) rotate(-179deg);transform:translateX(30px) translateY(30px) rotate(-179deg);}
50.1%{-webkit-transform:translateX(30px) translateY(30px) rotate(-180deg);transform:translateX(30px) translateY(30px) rotate(-180deg);}
75%{-webkit-transform:translateX(0) translateY(30px) rotate(-270deg) scale(0.5);transform:translateX(0) translateY(30px) rotate(-270deg) scale(0.5);}
100%{-webkit-transform:rotate(-360deg);transform:rotate(-360deg);}
}
@keyframes sk-wanderingCube{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg);}
25%{-webkit-transform:translateX(30px) rotate(-90deg) scale(0.5);transform:translateX(30px) rotate(-90deg) scale(0.5);}
50%{/* Hack to make FF rotate in the right direction */
 -webkit-transform:translateX(30px) translateY(30px) rotate(-179deg);transform:translateX(30px) translateY(30px) rotate(-179deg);}
50.1%{-webkit-transform:translateX(30px) translateY(30px) rotate(-180deg);transform:translateX(30px) translateY(30px) rotate(-180deg);}
75%{-webkit-transform:translateX(0) translateY(30px) rotate(-270deg) scale(0.5);transform:translateX(0) translateY(30px) rotate(-270deg) scale(0.5);}
100%{-webkit-transform:rotate(-360deg);transform:rotate(-360deg);}
}
/*11*/
.sk-spinner-pulse{width:30px;height:30px;margin:5px auto;background-color:#292828;border-radius:100%;-webkit-animation:sk-pulseScaleOut 1s infinite ease-in-out;animation:sk-pulseScaleOut 1s infinite ease-in-out;}
@-webkit-keyframes sk-pulseScaleOut{0%{-webkit-transform:scale(0);transform:scale(0);}
100%{-webkit-transform:scale(1);transform:scale(1);opacity:0;}
}
@keyframes sk-pulseScaleOut{0%{-webkit-transform:scale(0);transform:scale(0);}
100%{-webkit-transform:scale(1);transform:scale(1);opacity:0;}
}

/*按钮*/
@keyframes hue {
	20% {background-color: hsl(72, 10%, 50%);}
	40% {background-color: hsl(14, 80%, 50%);}
	60% {background-color: hsl(26, 80%, 50%);}
	80% {background-color: hsl(28, 80%, 50%);}
	100% {background-color: hsl(30, 10%, 50%);}
}

.hue {
	background-color: hsl(0, 100%, 50%); /*red*/
	animation: hue 8s infinite alternate both;
}


.topflat {
	color: #999;
	/*a transparent-black gradient above white base, making it a white-black gradient*/
	background-color: white;
	background-image: linear-gradient(rgba(0, 0, 0, 0), black);
	animation: topflat 8s infinite alternate;
}
@keyframes topflat {
	100% {background-color: black;}
}

.bottomflat {
	color: #999;
	/*a white-transparent gradient above black base, making it a white-black gradient*/
	background-color: black;
	background-image: linear-gradient(white, rgba(255, 255, 255, 0));
	animation: bottomflat 8s infinite alternate;
}
@keyframes bottomflat {
	100% {background-color: white;}
}

@-webkit-keyframes expand{0%{width:0%}
	100%{width:100%}
	}
	@keyframes expand{
		0%{width:0%}
		100%{width:100%}
	}
	

.loader-bar{transition:opacity 200ms;-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1;border-radius:3px}
.loader-bar.loading{transition:opacity 0ms;opacity:1}
.loader-bar .bar{-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);position:absolute;height:100%;left:50%;width:0%}
.loader-bar .bar.animating{-webkit-animation:expand infinite 600ms forwards;animation:expand infinite 600ms forwards}
.loader-bar .bar.d1{-webkit-animation-delay:0.6s;animation-delay:0.6s}
.loader-bar .bar.d2{-webkit-animation-delay:0.7s;animation-delay:0.7s} 
.loader-bar .bar.d3{-webkit-animation-delay:0.9s;animation-delay:0.9s}
.loader-bar .bar.d4{-webkit-animation-delay:1s;animation-delay:0.1s}
.loader-bar .bar.d5{-webkit-animation-delay:1.2s;animation-delay:0.2s}

.loader-bar .bar.white{background:#E91E63}
.loader-bar .bar.red{background:#795548}
.loader-bar .bar.orange{background:#FF5722}
.loader-bar .bar.green{background:#E2D319}
.loader-bar .bar.purple{background:#a77dc2}
.loader-bar.top,.loader-bar.bottom{position:absolute;border-radius:0;height:4px;width:100%;left:0}
.loader-bar.top{top:0px}
.loader-bar.bottom{bottom:0}

/*放大缩小*/
@keyframes kb{
	0%{transform:scale(1);}
	100%{transform:scale(1.2) skew(6deg);}
}

@-webkit-keyframes kb{
	0%{-webkit-transform:scale(1);}
	100%{-webkit-transform:scale(1.2) skew(6deg);}
}
@-moz-keyframes kb{
	0%{-moz-transform:scale(1);}
	100%{-moz-transform:scale(1.2) skew(6deg);}
}
@-ms-keyframes kb{
	0%{-ms-transform:scale(1);}
	100%{-ms-transform:scale(1.2) skew(6deg);}
}
.kb{-moz-animation:kb 3s infinite ease-in-out alternate both;-ms-animation:kb 3s infinite ease-in-out alternate both;-webkit-animation:kb 3s infinite ease-in-out alternate both;animation:kb 3s infinite ease-in-out alternate both}

@keyframes cmove{
	0%{transform:translate(-200px,-200px);}
	50%{transform:translate(0px);}
	100%{transform:translate(200px,200px);}
}
@-webkit-keyframes cmove{
	0%{-webkit-transform:translate(-200px,-200px);}
	50%{-webkit-transform:translate(0px);}
	100%{-webkit-transform:translate(200px,200px);}
}
@-moz-keyframes cmove{
	0%{-moz-transform:translate(-200px,-200px);}
	50%{-moz-transform:translate(0px);}
	100%{-moz-transform:translate(200px,200px);}
}
@-ms-keyframes cmove{
	0%{-ms-transform:translate(-200px,-200px);}
	50%{-ms-transform:translate(0px);}
	100%{-ms-transform:translate(200px,200px);}
}


.cmove{
-webkit-animation:cmove 20s infinite  alternate both;
-moz-animation:cmove 20s infinite  alternate both;
-ms-animation:cmove 20s infinite  alternate both;
animation:cmove 20s infinite  alternate both}



@keyframes logomove{
	0%{transform:translate(-50px,20px);}
	50%{transform:translate(0px);}
	100%{transform:translate(50px,10px);}
}
@-webkit-keyframes logomove{
		0%{transform:translate(-50px,20px);}
	50%{transform:translate(0px);}
	100%{transform:translate(50px,10px);}
}
@-moz-keyframes logomove{
		0%{transform:translate(-50px,20px);}
	50%{transform:translate(0px);}
	100%{transform:translate(50px,10px);}
}
@-ms-keyframes logomove{
		0%{transform:translate(-50px,20px);}
	50%{transform:translate(0px);}
	100%{transform:translate(50px,10px);}
}

.logomove{
-webkit-animation:logomove 5s infinite  alternate both;
-moz-animation:logomove 5s infinite  alternate both;
-ms-animation:logomove 5s infinite  alternate both;
animation:logomove 5s infinite  alternate both}



.gy{width:96px;height:96px;display:block;border-radius:50%;position:absolute;top:-36px;left:44%;z-index:1;margin-left:-42px;background-color:rgba(0, 150, 136,0.5);animation:smove 2s ease-in-out infinite;}
@keyframes smove{
	from{ transform:scale(1)}
	to{ transform:scale(1.3);opacity: 0}
}

@keyframes smove_o{
	from{ transform:scale(1)}
	50%{transform:scale(2);}
	to{ transform:scale(16);opacity: 0}
}




@keyframes ov{
	0%{transform:scale(0.5);opacity:0.5;top:0;left:0}
	25%{transform:scale(1);opacity:1;top:-10px;left:-10px;}
	50%{transform:scale(1.5);opacity:1;top:-20px;left:20px;}
	100%{transform:scale(2);opacity:0;top:-30px;left:-30px;}
}

@-moz-keyframes ov{
	0%{-moz-transform:scale(0.5);opacity:0.5;top:0;left:0}
	25%{-moz-transform:scale(1);opacity:1;top:-5px;left:-5px;}
	50%{-moz-transform:scale(1.5);opacity:1;top:-10px;left:10px;}
	100%{-moz-transform:scale(2);opacity:0;top:-20px;left:-20px;}
}

@-webkit-keyframes ov{
	0%{-webkit-transform:scale(0.5);opacity:0.5;top:0;left:0}
	25%{-webkit-transform:scale(1);opacity:1;top:-5px;left:-5px;}
	50%{-webkit-transform:scale(1.5);opacity:1;top:-10px;left:10px;}
	100%{-webkit-transform:scale(2);opacity:0;top:-20px;left:-20px;}
}

@-ms-keyframes ov{
	0%{-ms-transform:scale(0.5);opacity:0.5;top:0;left:0}
	25%{-ms-transform:scale(1);opacity:1;top:-5px;left:-5px;}
	50%{-ms-transform:scale(1.5);opacity:1;top:-10px;left:10px;}
	100%{-ms-transform:scale(2);opacity:0;top:-20px;left:-20px;}
}

@keyframes ovv{
	0%{transform:scale(2);opacity:0;top:-30px;left:-30px;}
	25%{transform:scale(1.5);opacity:1;top:-20px;left:20px;}
	50%{transform:scale(1);opacity:1;top:-10px;left:-10px;}
	100%{transform:scale(0.5);opacity:0.5;top:0;left:0}	
}

@-moz-keyframes ovv{
	0%{-moz-transform:scale(2);opacity:0;top:-30px;left:-30px;}
	25%{-moz-transform:scale(1.5);opacity:1;top:-20px;left:20px;}
	50%{-moz-transform:scale(1);opacity:1;top:-10px;left:-10px;}
	100%{-moz-transform:scale(0.5);opacity:0.5;top:0;left:0}	
}

@-webkit-keyframes ovv{
	0%{-webkit-transform:scale(2);opacity:0;top:-30px;left:-30px;}
	25%{-webkit-transform:scale(1.5);opacity:1;top:-20px;left:20px;}
	50%{-webkit-transform:scale(1);opacity:1;top:-10px;left:-10px;}
	100%{-webkit-transform:scale(0.5);opacity:0.5;top:0;left:0}	
}

@-ms-keyframes ovv{
	0%{-ms-transform:scale(2);opacity:0;top:-30px;left:-30px;}
	25%{-ms-transform:scale(1.5);opacity:1;top:-20px;left:20px;}
	50%{-ms-transform:scale(1);opacity:1;top:-10px;left:-10px;}
	100%{-ms-transform:scale(0.5);opacity:0.5;top:0;left:0}	
}



@keyframes ov2{
	0%{transform:scale(0.5);opacity:0.5;top:0;}
	25%{transform:scale(1);opacity:1;top:-10px;}
	50%{transform:scale(1.5);opacity:1;top:-20px;}
	100%{transform:scale(2);opacity:0;top:-30px;}
}

@-moz-keyframes ov2{
	0%{-moz-transform:scale(0.5);opacity:0.5;top:0;}
	25%{-moz-transform:scale(1);opacity:1;top:-5px;}
	50%{-moz-transform:scale(1.5);opacity:1;top:-10px;}
	100%{-moz-transform:scale(2);opacity:0;top:-20px;}
}

@-webkit-keyframes ov2{
	0%{-webkit-transform:scale(0.5);opacity:0.5;top:0;}
	25%{-webkit-transform:scale(1);opacity:1;top:-5px;}
	50%{-webkit-transform:scale(1.5);opacity:1;top:-10px;}
	100%{-webkit-transform:scale(2);opacity:0;top:-20px;}
}

@-ms-keyframes ov2{
	0%{-ms-transform:scale(0.5);opacity:0.5;top:0;}
	25%{-ms-transform:scale(1);opacity:1;top:-5px;}
	50%{-ms-transform:scale(1.5);opacity:1;top:-10px;}
	100%{-ms-transform:scale(2);opacity:0;top:-20px;}
}


@-ms-keyframes ovv2{
	0%{-ms-transform:scale(2);opacity:0;top:-20px;}
	25%{-ms-transform:scale(1.5);opacity:1;top:-10px;}
	50%{-ms-transform:scale(1);opacity:1;top:-5px;}
	100%{-ms-transform:scale(0.5);opacity:0.5;top:0;}
}

@keyframes ovv2{
	0%{transform:scale(2);opacity:0;top:-20px;}
	25%{transform:scale(1.5);opacity:1;top:-10px;}
	50%{transform:scale(1);opacity:1;top:-5px;}
	100%{transform:scale(0.5);opacity:0.5;top:0;}
}

@-moz-keyframes ovv2{
	0%{-moz-transform:scale(2);opacity:0;top:-20px;}
	25%{-moz-transform:scale(1.5);opacity:1;top:-10px;}
	50%{-moz-transform:scale(1);opacity:1;top:-5px;}
	100%{-moz-transform:scale(0.5);opacity:0.5;top:0;}
}

@-webkit-keyframes ovv2{
	0%{-webkit-transform:scale(2);opacity:0;top:-20px;}
	25%{-webkit-transform:scale(1.5);opacity:1;top:-10px;}
	50%{-webkit-transform:scale(1);opacity:1;top:-5px;}
	100%{-webkit-transform:scale(0.5);opacity:0.5;top:0;}
}


@-webkit-keyframes icmove{
	0%{right:-500px;}
	100%{right:1920px;width:400px;}
}


@keyframes rotates{
	0%{transform:rotate(0deg) scale(80);}
	50%{transform:rotate(180deg) scale(120);}
	100%{transform:rotate(360deg) scale(360);}
}

@-webkit-keyframes rotates{
	0%{transform:rotate(0deg) scale(80);}
	50%{transform:rotate(180deg) scale(120);}
	100%{transform:rotate(360deg) scale(360);}
}

@-moz-keyframes rotates{
	0%{transform:rotate(0deg) scale(80);}
	50%{transform:rotate(180deg) scale(120);}
	100%{transform:rotate(360deg) scale(360);}
}

@-ms-keyframes rotates{
	0%{transform:rotate(0deg) scale(80);}
	50%{transform:rotate(180deg) scale(120);}
	100%{transform:rotate(360deg) scale(360);}
}